<template>
    <section>
        <div v-if="showTaskInfo" >
            <div>
                <el-form :model="currObj" label-width="80px">
                    <el-form-item label="任务名称">
                        <el-input v-model="currObj.name" auto-complete="off" placeholder='任务名称'></el-input>
                    </el-form-item>
                    <el-form-item label="任务类别">

                        <span v-text="getTaskClassName()">
      
                    </span>

                    </el-form-item>
                    <el-form-item label="负责人">
                        <el-autocomplete :fetch-suggestions="querySearchMember" placeholder="请输入内容" @select="selManager"></el-autocomplete>



                        <el-tag v-for="manager in  currObj.managers" :closable="true" type="success" @close="handleClose(manager,currObj.managers,'managers')">
                            {{manager.name}}
                        </el-tag>

                    </el-form-item>

                    <el-form-item label="参与人">
                        <el-autocomplete :fetch-suggestions="querySearchMember" placeholder="请输入内容" @select="selMember"></el-autocomplete>
                        <el-tag v-for="member in  currObj.members" :closable="true" type="success" @close="handleClose(member,currObj.members,'members')">
                            {{member.name}}
                        </el-tag>
                    </el-form-item>


                    <el-form-item label="创建时间">
                        <el-date-picker v-model="currObj.createTime" type="datetime" placeholder="选择时间范围" align="right">
                        </el-date-picker>
                    </el-form-item>
                    <el-form-item label="接受时间">
                        <el-date-picker v-model="currObj.startTime" type="datetime" placeholder="选择时间范围" align="right">
                        </el-date-picker>
                    </el-form-item>
                    <el-form-item label="结束时间">
                        <el-date-picker v-model="currObj.endTime" type="datetime" placeholder="选择时间范围" align="right">
                        </el-date-picker>
                    </el-form-item>



                </el-form>
            </div>

            <div v-if="currObj.taskClassId=='root'">

                <tRoot :currObj="currObj"></tRoot>
            </div>
            <div v-if="currObj.taskClassId=='default'">

                <tDefault :currObj="currObj"></tDefault>
            </div>
            <div v-if="currObj.taskClassId=='100'">

                <t100 :currObj="currObj"></t100>
            </div>
            <div v-if="currObj.taskClassId=='200'">

                <t200 :currObj="currObj"></t200>
            </div>

            <div v-if="currObj.taskClassId=='300'">

                <t300 :currObj="currObj"></t300>
            </div>
            <div v-if="currObj.taskClassId=='400'">

                <t400 :currObj="currObj"></t400>
            </div>
            <div v-if="currObj.taskClassId=='500'">

                <t500 :currObj="currObj"></t500>
            </div>
            <div v-if="currObj.taskClassId=='600'">

                <t600 :currObj="currObj"></t600>
            </div>
            <div v-if="currObj.taskClassId=='700'">

                <t700 :currObj="currObj"></t700>
            </div>
            <div v-if="currObj.taskClassId=='800'">

                <t800 :currObj="currObj"></t800>
            </div>
            <div v-if="currObj.taskClassId=='900'">

                <t900 :currObj="currObj"></t900>
            </div>
        </div>
    </section>
</template>

<script src='./taskinfo.js'></script>
<style>

</style>